<template>
  <div class="toast align-items-center" role="alert" aria-live="assertive" aria-atomic="true">
    <div class="d-flex">
      <div class="toast-body">
        {{ message }}
      </div>
      <button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
    </div>
  </div>
</template>

<script>
import {defineComponent, onMounted} from "vue";

export default defineComponent({
  name: "Toasts",
  props: {
    message: String,
  },
  setup(props) {
    const toast = ref(null);
    return toast;
  }
})


</script>

<style scoped>

</style>